<template>
    <div class=''>
        <el-dialog title="提示" :visible.sync="dialogVisible" width="350px" :before-close="closeAddDialog"
            :close-on-click-modal="false" :modal="false" top="30vh">

            <!-- <div style="margin-top: 10px; color: #ffffff" v-for="(item, index) in targelist" :key="index">
                <div>

                </div>
                <span style="color: #bdbdbd" v-if="item.level==1">一级接警人：</span>{{ item.name }}：{{ item.mobile }}
                <span style="color: #bdbdbd" v-if="item.level==2">一级接警人：</span>{{ item.name }}：{{ item.mobile }}
                <span style="color: #bdbdbd" v-if="item.level==3">一级接警人：</span>{{ item.name }}：{{ item.mobile }}
                <span style="color: #bdbdbd" v-if="item.level==4">一级接警人：</span>{{ item.name }}：{{ item.mobile }}
            </div> -->

            <div class="div_box">
                <div style="color: #bdbdbd">一级接警人：</div>
                <div>
                    <div v-for="(item, index) in targelist" :key="index" v-if="item.level==1">
                        {{ item.name }}：{{ item.mobile }}
                    </div>
                </div>
            </div>
            <div class="div_box">
                <div style="color: #bdbdbd">二级接警人：</div>
                <div>
                    <div v-for="(item, index) in targelist" :key="index" v-if="item.level==2">
                        {{ item.name }}：{{ item.mobile }}
                    </div>
                </div>
            </div>
            <div class="div_box">
                <div style="color: #bdbdbd">三级接警人：</div>
                <div>
                    <div v-for="(item, index) in targelist" :key="index" v-if="item.level==3">
                        {{ item.name }}：{{ item.mobile }}
                    </div>
                </div>
            </div>
            <div class="div_box">
                <div style="color: #bdbdbd">四级接警人：</div>
                <div>
                    <div v-for="(item, index) in targelist" :key="index" v-if="item.level==4">
                        {{ item.name }}：{{ item.mobile }}
                    </div>
                </div>
            </div>

            <div style="margin-top: 15px; color: #ffffff;display: flex;font-size: 12px;">
                <div style="background-color: #000F4A;padding: 5px 30px;border-radius: 5px;cursor: pointer;"
                    @click="closeAddDialog">关 闭</div>
            </div>

        </el-dialog>

    </div>
</template>

<script>

export default {
    props: ['targelist'],
    components: {
    },
    // 定义属性
    data() {
        return {
            dialogVisible: false,
        }
    },
    computed: {
    },
    watch: {},
    methods: {
        closeAddDialog() {
            this.dialogVisible = false;
        }
    },
    created() {

    },
    mounted() {

    }
}
</script>

<style lang='less' scoped>
.div_box{
    display: flex;margin-top: 10px; color: #ffffff
}
</style>